<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="../css/common/common.css"/>
		<link rel="stylesheet" type="text/css" href="../css/other/login.css"/>
		<script src="../js/prefixfree.min.js" type="text/javascript" charset="utf-8"></script>
		
		<title></title>
	</head>
	<body>
		<div class="web">
			<!--头部-->
			<header>
				<div class="header-left fl">
					<a href="../index.html"><img src="../img/header-left.png"/></a>
				</div>
				<div class="header-right fr">
					<a href="select.html">确定</a>
				</div>
				<div class="header-title">
					<span>注册</span>
				</div>
				<div class="clear"></div>
			</header>
			
			<!--主体-->
			<section>
				<div class="register-content">
					<p>请输入您的手机号码</p>
					<div class="register-content-msg">
						艺术盒子绝不会再任何途径泄露您的号码和个人信息
					</div>
					<div class="register-content-input">
						<div class="register-content-input-item">
							<select name="">
								<option value="">+86</option>
								<option value="">+86</option>
								<option value="">+86</option>
							</select>
							<input type="tel" placeholder="请输入手机号" />
						</div>
						<div class="register-content-input-item">
							<div id="register-content-input-item-pic1" class="register-content-input-item-pic">
								<img src="../img/other/register-pic1.png"/>
							</div>
							<input type="text" placeholder="手机验证码"/>
						</div>
						<div class="register-content-input-item">
							<div id="register-content-input-item-pic2" class="register-content-input-item-pic">
								<img src="../img/other/register-pic2.png"/>
							</div>
							<input type="password" placeholder="密码"/>
						</div>
						<div class="register-content-input-item">
							<div id="register-content-input-item-pic3" class="register-content-input-item-pic">
								<img src="../img/other/register-pic3.png"/>
							</div>
							<input type="text" placeholder="昵称"/>
						</div>
						<div class="register-content-input-item">
							<input type="button" value="收取验证码"/>
						</div>
					</div>
				</div>
				
			</section>
			
			<!--脚部-->
			<footer>
				<div class="footer-box">
					<div class="footer-box-item fl">
						<div class="footer-box-item-pic">
							<a href="#"><img src="../img/other/login-footer-pic1.png"/></a>
						</div>
						<p>QQ登录</p>
					</div>
					<div class="footer-box-item fr">
						<div class="footer-box-item-pic">
							<a href="#"><img src="../img/other/login-footer-pic3.png"/></a>
						</div>
						<p>微博登录</p>
					</div>
					<div class="footer-box-item">
						<div class="footer-box-item-pic">
							<a href="#"><img src="../img/other/login-footer-pic2.png"/></a>
						</div>
						<p>微信登录</p>
					</div>
				</div>
			</footer>
		</div>
		<script type="text/javascript">
			document.body.style.height = window.innerHeight + "px";
		</script>
	</body>
</html>
